<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        const cat = {
            name: '狸花猫',
            food: '什么都吃',
            color: '花色',
            friend: ['花姐', '柯基'],
        }
        // forin 可以用来遍历对象, 获取属性ing, 进而获取属性值
        // key 属性名
        // in 固定
        // object 对象
        for (const key in cat) {
            // 可以通过 key 获取属性名
            console.log('key', key)
            // 获取属性值
            // .key 访问一个叫做 key 的属性, 打印时显示 undefined
            console.log(cat.key)
            // 通过中括号来取值, key 会解析为标量的值
            console.log(cat[key])
        }
    </script>
</body>
</html>